<%@ page import="com.xyd.util.UuidUtil" %><%--
  Created by IntelliJ IDEA.
  User: 浩
  Date: 2021/1/11
  Time: 13:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>易买网 - 首页</title>
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
        <script type="text/javascript" src="scripts/function.js"></script>
    </head>
    <body>
        <div id="header" class="wrap">
            <div id="logo"><img src="images/logo.gif"/></div>
            <div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a
                    href="register.html">注册</a><a href="guestbook.html">留言</a></div>
            <div class="navbar">
                <ul class="clearfix">
                    <li class="current"><a href="index.jsp">首页</a></li>
                    <li><a href="#">图书</a></li>
                    <li><a href="#">百货</a></li>
                    <li><a href="#">品牌</a></li>
                    <li><a href="#">促销</a></li>
                </ul>
            </div>
        </div>
        <div id="childNav">
            <div class="wrap">
                <ul class="clearfix">
                    <li class="first"><a href="#">音乐</a></li>
                    <li><a href="#">影视</a></li>
                    <li><a href="#">少儿</a></li>
                    <li><a href="#">动漫</a></li>
                    <li><a href="#">小说</a></li>
                    <li><a href="#">外语</a></li>
                    <li><a href="#">数码相机</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">羽绒服</a></li>
                    <li><a href="#">秋冬靴</a></li>
                    <li><a href="#">运动鞋</a></li>
                    <li><a href="#">美容护肤</a></li>
                    <li><a href="#">家纺用品</a></li>
                    <li><a href="#">婴幼奶粉</a></li>
                    <li><a href="#">饰品</a></li>
                    <li class="last"><a href="#">Investor Relations</a></li>
                </ul>
            </div>
        </div>
        <div id="position" class="wrap">
            您现在的位置：<a href="index.html">易买网</a> &gt; <a href="product-list.html">图书音像</a> &gt; 图书
        </div>
        <div id="main" class="wrap">
            <div class="lefter">
                <div class="box">
                    <h2>商品分类</h2>
                    <dl>
                        <dt>图书</dt>
                        <dd><a href="ProductGetByEpcidServlet?name=少儿图书">少儿图书</a></dd>
                        <dt>生活用品</dt>
                        <dd><a href="ProductGetByEpcidServlet?name=化妆品">化妆品</a></dd>
                        <dd><a href="ProductGetByEpcidServlet?name=厨房用品">厨房用品</a></dd>
                        <dd><a href="ProductGetByEpcidServlet?name=家用电器">家用电器</a></dd>
                    </dl>
                </div>
            </div>
            <div id="product" class="main">
                <h1>${requestScope.product.epName}</h1>
                <div class="infos">
                    <div class="thumb"><img src="${requestScope.product.epFileName}"/></div>
                    <div class="buy">
                        <p>商城价：<span class="price">${requestScope.product.epPrice}</span></p>
                        <p>库　存：${requestScope.product.epStock}</p>
                        <p>库　存：${requestScope.product.epStock}</p>
                        <p>库　存：${requestScope.product.epStock}</p>
                        <p>库　存：${requestScope.product.epStock}</p>
                        <div class="button"><a
                                href="<%=request.getContextPath()%>/productBuyServlet?WIDout_trade_no=<%=UuidUtil.getUuid()%>>&WIDtotal_amount=${requestScope.product.epPrice}&WIDsubject=${requestScope.product.epName}">
                            <input type="button" name="button"/>
                        </a>
                            <a onclick="cartAddProduct(${requestScope.product.epId})"
                               href="javascript:void(0)">放入购物车</a></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="introduce">
                    <h2><strong>商品详情</strong></h2>
                    <div class="text">
                        ${requestScope.product.epDescription}
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div id="footer">
            Copyright &copy; 2010 All Rights Reserved. 京ICP证1000001号
        </div>
    </body>

    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script>

      // 向购物车添加商品
      function cartAddProduct(epId) {
        $.ajax({
          url: 'cartAddServlet',
          data: {epId: epId},
          dataType: 'json',
          type: 'post',
          success: function (data) {
            if (data.flag == false) {
              alert(data.message);
            } else {
              alert("添加成功");
            }
          }
        })
      }

      // 购买商品
      function buyProduct(epId) {
        $.ajax({
          url: 'productBuyServlet',
          data: {epId: epId},
          dataType: 'json',
          type: 'post',
          success: function (data) {
            console.log(data);
          }
        })
      }
    </script>
</html>
